<script setup name="ServiceTest"> 

import { windowAlert } from 'public_utils'  
import { Button, Switch } from 'public_components'

const tabPosition = ref('left')
</script>  
<template>  
  <div class="main-content"> 
     <el-radio-group v-model="tabPosition" style="margin-bottom: 30px">
        <el-radio-button value="top">top</el-radio-button>
        <el-radio-button value="right">right</el-radio-button>
        <el-radio-button value="bottom">bottom</el-radio-button>
        <el-radio-button value="left">left</el-radio-button>
    </el-radio-group> 
   <el-tabs :tab-position="tabPosition" style="height: 200px" class="demo-tabs">
    <el-tab-pane label="Button">
        <Button />
    </el-tab-pane>
    <el-tab-pane label="Switch">
        <Switch />
    </el-tab-pane>
    <el-tab-pane label="Role">Role</el-tab-pane>
    <el-tab-pane label="Task">Task</el-tab-pane>
  </el-tabs>
  </div>  
</template>

<style scoped>  
</style>
